<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css.css">
    <title>Document</title>
</head>

<body>
    <h2>Live output</h2>

    <div class="output" style="min-height: 50px;"></div>

    <h2>Editable code</h2>
    <p class="a11y-label">
        Press Esc to move focus away from the code area (Tab inserts a tab character).
    </p>

    <textarea id="code" class="input" style="min-height: 100px;width: 95%">
  &lt;p&gt;This is my page&lt;/p&gt;
</textarea>

    <div class="playable-buttons">
        <input id="reset" type="button" value="Reset" />
        <input id="solution" type="button" value="Show solution" />
    </div>
    
</body>
<script src="js.js"></script>
</html>